<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/style.css" type="text/css"/>
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css"/>
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:700' rel='stylesheet' type='text/css'/>
	<!--[if lt IE 10]>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]--> 	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	
	<script src="js/main.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('.detail .border_img').fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'overlayShow'	:	false
			});
		});
	</script>	
	<title></title>
</head>
<body>
<!-- Login_form -->
	<div class="log_hide"> 
		<div class="log_hide_inner"> 
			<div class="center">
				<div class="login_container">
					<div class="login_name">
						<span><label for="login_name">Username:</label></span>
						<span><input type="text" value="" id="login_name"/></span>
						<span><label><input type="checkbox" value="" id="checkbox" /></label> Remember me</span>
					</div>
					<div class="login_pass">
						<span><label for="login_name">Password:</label></span>
						<span><input type="password" value="" id="password" /></span>
						<span><a href="#">Forgot password?</a></span>
						
					</div>
					<div class="login_submit">
						<input type="submit" value="Login"/>
					</div>
					<div class="clearb"></div>
				</div>
				<a href="#" class="log"></a>
			</div>
		</div> 
	</div> 
<!-- Login_form_END -->

<!-- Header -->
	<div class="center">
		<div class="header"> 
			<a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a>
			<div class="slogan">Creative<br />Wordpress Theme</div>
			<div class="search">
				<div class="search_wrap">
					<input class="search_in" value="Search"/>
					<a href="#" class="lupa"><img src="images/search.png" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
<!-- Header END -->
	
<!-- Menu -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">		
			<div class="menu"> 
				<div class="menu_inner"> 
					<ul>
						<li class="page-item">
							<a href="index.html" class="border_right_radius10">Home</a>
							<ul class="children">
								<li class="page_item"><a title="" href="index.html">Coin Slider</a></li>
								<li class="page_item"><a title="" href="index_2.html">Slide Out</a></li>
								<li class="page_item"><a title="" href="index_3.html">Advanced Slider</a></li>
								<li class="page_item"><a title="" href="index_4.html">Bonus Slider1</a></li>
								<li class="page_item"><a title="" href="index_5.html">Bonus Slider2</a></li>
							</ul>
						</li>
						<li class="page-item">
							<a href="about.html">About Company</a>
						</li>
						<li class="page-item">
							<a href="services.html">Services</a>
						</li>
						<li class="page-item current_page_item">
							<a href="portfolio_1.html">Portfolio</a>
							<ul class="children">
								<li class="page_item">				
									<a title="" href="portfolio_1.html">With description</a>
									<ul class="children">
										<li class="page_item">		
											<a title="" href="portfolio_1.html">1 Column Portfolio</a>
										</li>
										<li class="page_item">		
											<a title="" href="portfolio_2.html">2 Column Portfolio</a>
										</li>
										<li class="page_item">	
											<a title="" href="portfolio_3.html">3 Column Portfolio</a>
										</li>
										<li class="page_item">		
											<a title="" href="portfolio_4.html">4 Column Portfolio</a>
										</li>
									</ul>
								</li>
								<li class="page_item"><a title="" href="portfolio_detail.html">Detailed Portfolio</a></li>
							</ul>
						</li>
						<li class="page-item">
							<a href="page_404.html">Pages</a>
							<ul class="children">
								<li class="page_item"><a title="" href="page_404.html">404 page</a></li>
								<li class="page_item"><a title="" href="underconstruction.html">Underconstruction Page</a></li>
								<li class="page_item"><a title="" href="page_column.html">Column Layout</a></li>
								<li class="page_item"><a title="" href="page_typography.html">Typography</a></li>
								<li class="page_item"><a title="" href="page_slider.html">Slider</a></li>
								<li class="page_item"><a title="" href="page_gallery.html">Gallery</a></li>
								<li class="page_item"><a title="" href="page_misc.html">Miscellaneous</a></li>
								<li class="page_item"><a title="" href="page_pricing%20table.html">Pricing table</a></li>
							</ul>
						</li>
						<li class="page-item">
							<a href="blog.html">Blog</a>
						</li>
						<li class="page-item">
							<a href="contact.html">Contacts</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="texturized_bottom">&nbsp;</div>
	</div>
<!-- Menu END -->

<!-- Content -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">
			<div class="inner">
			
				<div class="portfolio_first">
		<!-- Portfolio Heading and categories -->
					<div class="portfolio">
						<h3>Our Portfolio</h3>
						<div class="portfolio_category">
							<a class="the_button active" href="#">All</a>
							<a class="the_button" href="#">Web</a>
							<a class="the_button" href="#">Print</a>
							<a class="the_button" href="#">Video</a>
						</div>
					</div><!-- Portfolio Heading and categories END -->
		<!-- Portfolio item -->			
					<div class="detail">
						<a class="border_img image_shadow300" href="images/portfolio/full/1.jpg"><img src="images/portfolio/p_detailed/1.jpg" alt="" /></a>
						<div class="descr_outer">
							<h3 class="heading">Project Details</h3>
							<div class="descr">
								<p>Lorem ipsum dolor sit amet, cons	ectetut, sed diam nonummy nibh euismd tincid.nt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliqp ex ea commodo consequat. Duis autem vel eum iriure.</p>
								<a href="#" class="the_button">More Details</a>
							</div>
						<!-- Portfolio item description list -->
							<div class="descr_list">
								<ul>
									<li><a href="#" class="list_portfolio">Website design &amp; development</a></li>
									<li><a href="#" class="list_portfolio">Information architecture</a></li>
									<li><a href="#" class="list_portfolio">Logo &amp; Identity design</a></li>
									<li><a href="#" class="list_portfolio">Usability consultation</a></li>
									<li><a href="#" class="list_portfolio">Video creation</a></li>
								</ul>
							</div><!-- Portfolio item description END -->
						
						</div>
					</div><!-- Portfolio item END -->	
					
					<div class="detail">
						<a class="border_img image_shadow300" href="images/portfolio/full/2.jpg"><img src="images/portfolio/p_detailed/2.jpg" alt="" /></a>
						<div class="descr_outer">
							<h3 class="heading">Project Details</h3>
							<div class="descr">
								<p>Lorem ipsum dolor sit amet, cons	ectetut, sed diam nonummy nibh euismd tincid.nt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliqp ex ea commodo consequat. Duis autem vel eum iriure.</p>
								<a href="#" class="the_button">More Details</a>
							</div>
						<!-- Portfolio item description list -->
							<div class="descr_list">
								<ul>
									<li><a href="#" class="list_portfolio">Website design &amp; development</a></li>
									<li><a href="#" class="list_portfolio">Information architecture</a></li>
									<li><a href="#" class="list_portfolio">Logo &amp; Identity design</a></li>
									<li><a href="#" class="list_portfolio">Usability consultation</a></li>
									<li><a href="#" class="list_portfolio">Video creation</a></li>
								</ul>
							</div><!-- Portfolio item description END -->
						
						</div>
					</div>
				
		<!-- Portfolio item -->			
					<div class="detail">
						<a class="border_img image_shadow300" href="images/portfolio/full/3.jpg"><img src="images/portfolio/p_detailed/3.jpg" alt="" /></a>
						<div class="descr_outer">
							<h3 class="heading">Project Details</h3>
							<div class="descr">
								<p>Lorem ipsum dolor sit amet, cons	ectetut, sed diam nonummy nibh euismd tincid.nt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliqp ex ea commodo consequat. Duis autem vel eum iriure.</p>
								<a href="#" class="the_button">More Details</a>
							</div>
						<!-- Portfolio item description list -->
							<div class="descr_list">
								<ul>
									<li><a href="#" class="list_portfolio">Website design &amp; development</a></li>
									<li><a href="#" class="list_portfolio">Information architecture</a></li>
									<li><a href="#" class="list_portfolio">Logo &amp; Identity design</a></li>
									<li><a href="#" class="list_portfolio">Usability consultation</a></li>
									<li><a href="#" class="list_portfolio">Video creation</a></li>
								</ul>
							</div><!-- Portfolio item description END -->
						
						</div>
					</div><!-- Portfolio item END -->	
					
					<div class="detail">
						<a class="border_img image_shadow300" href="images/portfolio/full/4.jpg"><img src="images/portfolio/p_detailed/4.jpg" alt="" /></a>
						<div class="descr_outer">
							<h3 class="heading">Project Details</h3>
							<div class="descr">
								<p>Lorem ipsum dolor sit amet, cons	ectetut, sed diam nonummy nibh euismd tincid.nt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliqp ex ea commodo consequat. Duis autem vel eum iriure.</p>
								<a href="#" class="the_button">More Details</a>
							</div>
						<!-- Portfolio item description list -->
							<div class="descr_list">
								<ul>
									<li><a href="#" class="list_portfolio">Website design &amp; development</a></li>
									<li><a href="#" class="list_portfolio">Information architecture</a></li>
									<li><a href="#" class="list_portfolio">Logo &amp; Identity design</a></li>
									<li><a href="#" class="list_portfolio">Usability consultation</a></li>
									<li><a href="#" class="list_portfolio">Video creation</a></li>
								</ul>
							</div><!-- Portfolio item description END -->
						
						</div>
					</div>
				
				</div>
				<div class="pages">
					<a href="#" class="page_active">1</a>
					<a href="#" class="page_passive">2</a>
				</div>

			</div>
		</div>
		<div class="texturized_bottom">&nbsp;</div>	
	</div>
<!-- Content END -->
		
	
	<div class="find_dash"></div>
<!-- Find block -->
	<div class="find">
		<div class="center">
			<span class="find_us">Find us elsewhere:</span>
			<a href="#" class="find_img"><img src="images/f_1.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_2.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_3.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_4.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_5.jpg" alt="" /></a>
		</div>
	</div>
<!-- Find block END -->
	
<!-- Widget area -->
	<div class="wigets">
		<div class="center">
			<div class="posts">
				<div class="post">
					<h3>Recent Posts</h3>
					<a href="#" class="border_wiget_img"><img class="wiget_img" src="images/wiget_img.jpg" alt="" /></a>
					<a href="#" class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore magna...</p>
				</div>
				<div class="post">
					<a href="#" class="border_wiget_img"><img class="wiget_img" src="images/wiget_img2.jpg" alt="" /></a>
					<a href="#" class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore magna...</p>
				</div>
			</div>
			<div class="categories">
				<h3>Categories</h3>
					<ul>
						<li class="first"><a href="#">Documentation</a></li>
						<li><a href="#">Plugins</a></li>
						<li><a href="#">Suggest Ideas</a></li>
						<li><a href="#">Support Forum</a></li>
						<li><a href="#">Themes</a></li>
						<li><a href="#">WordPress Blog</a></li>
						<li class="last"><a href="#">WordPress Planet</a></li>
					</ul>
			</div>
			<div class="tweets">
				<h3>Recent Tweets</h3>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p><a class="tweet_name" href="#">@twittername </a> Lorem ipsum olorsit amconsectetuer adipi scing elitsed diamn...</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p><a class="tweet_name" href="#">@twittername </a> Lorem ipsum olorsit amconsectetuer adipi scing elitsed diamn...</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
			</div>
			<div class="contact">
				<h3>Contact Us</h3>
				<form action="#">
					<div class="input_l"><input name="nick" type="text" value="Name" class="input"/></div>
					<div class="input_l"><input name="mail" type="text" value="Email" class="input"/></div>
					<table class="textarea_table">
						<tr>
							<td class="textarea_tl"></td>
							<td class="textarea_t"></td>
							<td class="textarea_tr"></td>
						</tr>
						<tr>
							<td class="textarea_l"></td>
							<td class="textarea_c">
								<textarea name="comment" class="textarea" rows="10" cols="10">Message</textarea>
							</td>
							<td class="textarea_r"></td>
						</tr>
						<tr>
							<td class="textarea_bl"></td>
							<td class="textarea_b"></td>
							<td class="textarea_br"></td>
						</tr>
					</table>					
					<input type="submit" value="Send Message" class="send_msg"/>
  				</form>
			</div>
			<div class="clearb"></div>
		</div>
		
	</div>
<!-- Widget area END -->
	
<!-- Footer -->
	<div class="footer">
		<div class="center">
			<p class="foot">&copy; 2010 Curio. All Rights Reserved. Powered by WordPress.</p>
		</div>
	</div>
<!-- Footer END -->
</body>

</html>